<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
    <head profile="http://gmpg.org/xfn/11">
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>WEB主题公园 - 主题演示-更多精彩主题，尽在WEB主题公园</title>
        <link rel="shortcut icon" href="" type="image/x-icon"/>
        <link rel="pingback" href="https://www.themepark.com.cn/demo/xmlrpc.php"/>
        <meta name='robots' content='noindex,follow'/>
        <!-- <link rel='dns-prefetch' href='//s.w.org'/> -->
        <link rel='stylesheet' id='stylesheet-css' href='https://www.themepark.com.cn/demo/wp-content/themes/magicroller/style.css' type='text/css' media='all'/>
        <link rel='stylesheet' id='shopingbox-css' href='https://www.themepark.com.cn/demo/wp-content/themes/magicroller/css/shop_box.css' type='text/css' media='all'/>
        <script type='text/javascript' src='https://www.themepark.com.cn/demo/wp-content/themes/magicroller/js/jquery-1.11.0.js'></script>
        <script type='text/javascript' src='https://www.themepark.com.cn/demo/wp-content/themes/magicroller/js/jquery.easing.1.3.js'></script>
        <script type='text/javascript' src='https://www.themepark.com.cn/demo/wp-content/themes/magicroller/js/swiper2.min.js'></script>
        <script type='text/javascript' src='https://www.themepark.com.cn/demo/wp-content/themes/magicroller/js/script.js'></script>
        <!-- <link rel='https://api.w.org/' href='https://www.themepark.com.cn/demo/wp-json/'/> -->
        <!-- Start Wordpress Theme Demo Bar Plugin wp_head -->
        <link rel="stylesheet" href="https://www.themepark.com.cn/demo/wp-content/plugins/wordpress-theme-demo-bar/default.css" type="text/css"/>
        <script type="text/javascript" src="https://www.themepark.com.cn/demo/wp-content/plugins/wordpress-theme-demo-bar/js/qtip.js"></script>
        <!--[if IE 6]>
  <style type="text/css">#wpthemedemobar { position:absolute !important; }</style>
  <![endif]-->
        <!-- End Wordpress Theme Demo Bar Plugin wp_head -->
    </head>
    <body class="home blog">
        <div class="header">
            <div class="header_in">
                <h1>
                    <a class="logo" href="https://www.themepark.com.cn/demo" title="WEB主题公园">
                        <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/logo.png" alt="WEB主题公园"/>WEB主题公园
                    </a>
                </h1>
                <div class="header_btn_s">
                    <a class="light_b product_b">产品目录</a>
                    <a class="light_b reg_b">注册</a>
                    <a class="light_b log_b">登录</a>
                    <span id="nav_b" class="light_span ">导航菜单</span>
                </div>
            </div>
            <div class="header_background"></div>
            <div class="heaer_nav_drog  " id="header_pic_nav">
                <div class="header_nav_drog_in headers_kk">
                    <div id="header_pic_menu" class="header_menu_ul swiper-wrapper">
                        <div class="swiper-slide">
                            <li class="menu-item">
                                <a href="http://www.themepark.com.cn/demo/?themedemo=magicroller">
                                    <img alt="首页" src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/icon/index_icon.png">
                                    <b style="top: 0px;">首页</b>
                                    <p>index</p>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="http://www.themepark.com.cn/demo/about-us?themedemo=magicroller">
                                    <img alt="首页" src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/icon/index_icon2.png">
                                    <b style="top: 0px;">关于主题</b>
                                    <p>about theme</p>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="http://www.themepark.com.cn/demo/index2?themedemo=magicroller">
                                    <img alt="首页" src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/icon/index_icon2.png">
                                    <b style="top: 0px;">3D视角</b>
                                    <p>3D view</p>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="http://www.themepark.com.cn/demo/category/company-news?themedemo=magicroller">
                                    <img alt="首页" src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/icon/index_icon3.png">
                                    <b style="top: 0px;">企业新闻</b>
                                    <p>news</p>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="http://www.themepark.com.cn/demo/category/company-case?themedemo=magicroller">
                                    <img alt="首页" src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/icon/index_icon4.png">
                                    <b style="top: 0px;">企业案例</b>
                                    <p>our works</p>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">
                                    <img alt="首页" src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/icon/index_icon6.png">
                                    <b style="top: 0px;">企业产品</b>
                                    <p>product</p>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="http://www.themepark.com.cn/demo/category/download?themedemo=magicroller">
                                    <img alt="首页" src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/icon/index_ico7.png">
                                    <b style="top: 0px;">资料下载</b>
                                    <p>download</p>
                                </a>
                            </li>
                            <li class="menu-item">
                                <a href="http://www.themepark.com.cn/demo/category/bbs?themedemo=magicroller">
                                    <img alt="首页" src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/icon/index_icon2.png">
                                    <b style="top: 0px;">问答社区</b>
                                    <p>our bbs</p>
                                </a>
                            </li>
                        </div>
                    </div>
                </div>
                <div class="header_background"></div>
            </div>
            <div class="heaer_nav_drog" id="product_nav">
                <div class="header_nav_drog_in">
                    <div class="nav_pic_swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/nav_pic.jpg"/>
                                </a>
                            </div>
                            <div class="swiper-slide">
                                <a href="#">
                                    <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/nav_pic.jpg"/>
                                </a>
                            </div>
                        </div>
                        <a class="next_prve" id="nav_pic_swiper_next"></a>
                        <a class="next_prve" id="nav_pic_swiper_prve"></a>
                    </div>
                    <div class="prodnav-wrapper">
                        <div class="swiper-wrapper">
                            <ul class="header_menu_ul swiper-slide swiper-slide-active" id="header_menu">
                                <li class="menu-item " id="menu-item-384">
                                    <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">此处设定详细的产品菜单</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">产品种类若比较多</a>
                                        </li>
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">可以在这里建立直通</a>
                                        </li>
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">这些菜单都是通过后台建立</a>
                                        </li>
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">你可以建立任意的数量</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="menu-item " id="menu-item-384">
                                    <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">此处设定详细的产品菜单</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">产品分类1</a>
                                        </li>
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">产品分类2</a>
                                        </li>
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">产品分类3</a>
                                        </li>
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">产品分类4</a>
                                        </li>
                                    </ul>
                                    ul.sub-menu>li.menu-item*50>a[http://wwww.baidu.com]{产品分类$@-}
                                </li>
                                <li class="menu-item " id="menu-item-384">
                                    <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">此处设定详细的产品菜单</a>
                                    <ul class="sub-menu">
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">产品分类1</a>
                                        </li>
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">产品分类2</a>
                                        </li>
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">产品分类3</a>
                                        </li>
                                        <li class="menu-item">
                                            <a href="http://www.themepark.com.cn/demo/category/company-product?themedemo=magicroller">产品分类4</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="header_background"></div>
            </div>
        </div>
        <div class="full">
            <div class="index_swipers swiper-container">
                <div class="swiper-wrapper">
                    <div id="left_right_mod" class="swiper-slide swiper-slide-active left_right">
                        <div class="swiper-slide_in">
                            <a class="left_pic">
                                <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/4_1.png"/>
                            </a>
                            <div class="right_text">
                                <div id="alpha">
                                    <b class="title_lr_mod">Full size scrolling effect</b>
                                    <h3>
                                        <a target="_blank" href="http://www.themepark.com.cn/msgzwordpressqyzt.html">全尺寸滚动效果</a>
                                    </h3>
                                    <p>
                                        全新SWIPER框架/手机/平板电脑全动画展示<br/>
                                        兼容至ie7，新旧设备无死角呈现<br/>现在官网仅售￥720
                                    </p>
                                </div>
                                <a target="_blank" href="http://www.themepark.com.cn/msgzwordpressqyzt.html" class="btn buy">
                                    <b>现在前往官网购买</b>
                                    <div class="btn_bag"></div>
                                </a>
                            </div>
                        </div>
                        <div class="index_mod_bag bag_animate" style=" background-image:url(https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/4.jpg)">
                            <video autoplay="true" loop="true" preload="auto" muted="muted" src="http://www.themepark.com.cn/demo/wp-content/themes/magicpavilion/images/main-slide-video.mp4"></video>
                        </div>
                    </div>
                    <div id="up_down_mod" class="swiper-slide up_down">
                        <div class="swiper-slide_in">
                            <div class="up_text">
                                <div id="alpha">
                                    <h3>
                                        <a href="#">全新的SWIPER网页框架，让你真正拥有网页APP</a>
                                    </h3>
                                    <p>
                                        无论移动设备还是pc，swiper的流畅性能无语伦比<br/>高效率的html5动画，在手机上也能绚丽绽放
                                    </p>
                                </div>
                                <a target="_blank" href="http://www.themepark.com.cn/msgzwordpressqyzt.html" class="btn buy">
                                    <b>官网仅售￥720   立刻购买</b>
                                    <div class="btn_bag"></div>
                                </a>
                            </div>
                            <a class="down_pic">
                                <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/2-1.png"/>
                            </a>
                        </div>
                        <div class="index_mod_bag bag_animate" style=" background-image:url(https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/2.jpg)"></div>
                    </div>
                    <div class="swiper-slide case_index_mod">
                        <div class="swiper-slide_in">
                            <div class="case_up">
                                <h3>
                                    <a href="#">超过500个项目经验/给你带来更为细致的体验</a>
                                </h3>
                                <p>More than 500 project experience / to bring you a more detailed experience</p>
                            </div>
                            <div class="case_index  swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <a href="#" class="case_pic">
                                            <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/case.jpg"/>
                                        </a>
                                        <div class="case_text">
                                            <b>
                                                <a href="#">企业产品或者案例可直接调用在此处</a>
                                            </b>
                                        </div>
                                        <div class="case_bag"></div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="#" class="case_pic">
                                            <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/case.jpg"/>
                                        </a>
                                        <div class="case_text">
                                            <b>
                                                <a href="#">企业产品或者案例可直接调用在此处</a>
                                            </b>
                                        </div>
                                        <div class="case_bag"></div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="#" class="case_pic">
                                            <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/case.jpg"/>
                                        </a>
                                        <div class="case_text">
                                            <b>
                                                <a href="#">企业产品或者案例可直接调用在此处</a>
                                            </b>
                                        </div>
                                        <div class="case_bag"></div>
                                    </div>
                                    <div class="swiper-slide">
                                        <a href="#" class="case_pic">
                                            <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/case.jpg"/>
                                        </a>
                                        <div class="case_text">
                                            <b>
                                                <a href="#">企业产品或者案例可直接调用在此处</a>
                                            </b>
                                        </div>
                                        <div class="case_bag"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="pagination pagination_case"></div>
                        </div>
                        <div class="index_mod_bag" style=" background-image:url(https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/3.jpg)"></div>
                    </div>
                    <script>
                        var case_index = new Swiper('.case_index',{
                            pagination: '.pagination_case',
                            paginationClickable: true,
                            cssWidthAndHeight: true,
                            slidesPerView: 3
                        });
                    </script>
                    <div id="up_down_mod" class="swiper-slide up_down">
                        <div class="swiper-slide_in">
                            <a class="down_pic" style="margin-top:136px">
                                <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/3-1.png"/>
                            </a>
                            <div class="up_text dack_text_mod" style="margin-top:36px;">
                                <div id="alpha">
                                    <h3>
                                        <a href="#">更轻盈/全站脚本只使用Swiper</a>
                                    </h3>
                                    <p>
                                        良好的兼容性和超多的动效/Swiper几乎不需要其他的脚本编写<br/>扫描上面的二维码，使用手机查看这款主题的显示状态
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="index_mod_bag bag_animate" style=" background-image:url(https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/1.jpg)"></div>
                    </div>
                    <div class="swiper-slide news_tuoch">
                        <div class="swiper-slide_in news">
                            <div class="left_news">
                                <div class="news_tabs">
                                    <a class="active">公司新闻</a>
                                    <a>行业新闻</a>
                                </div>
                                <div class="swiper-container news_info">
                                    <div class="swiper-wrapper">
                                        <ul class="swiper-slide">
                                            <li class="news_first">
                                                <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller" class="news_pic">
                                                    <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/news.jpg"/>
                                                </a>
                                                <div class="news_texts">
                                                    <b>
                                                        <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                    </b>
                                                    <span class="infot_news">
                                                        <em class="times">2015-8-5</em>
                                                        <em class="vei">4633</em>
                                                    </span>
                                                    <p>WordPress外观--菜单中无法打开“显示选项”下拉面板的bug WordPress4.2更新之后，针对中文版出现了一处显示bug，在外观--菜单中的法打开“显示选项”下拉面板的bug WordPress4.2更新之后，针对中文版出现了一处显示bug，在外观--菜单中的“显示选项”点击下拉无法打开面板的bug。 显示选项可以将一些隐藏的目录和功能显示出来，比如增加菜单中输出文章、标签，在菜... </p>
                                                </div>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li class="news_more_s">
                                                <a href="http://www.themepark.com.cn/demo/category/company-news?themedemo=magicroller">查看所有>></a>
                                            </li>
                                        </ul>
                                        <ul class="swiper-slide">
                                            <li class="news_first">
                                                <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller" class="news_pic">
                                                    <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/news.jpg"/>
                                                </a>
                                                <div class="news_texts">
                                                    <b>
                                                        <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                    </b>
                                                    <span class="infot_news">
                                                        <em class="times">2015-8-5</em>
                                                        <em class="vei">4633</em>
                                                    </span>
                                                    <p>WordPress外观--菜单中无法打开“显示选项”下拉面板的bug WordPress4.2更新之后，针对中文版出现了一处显示bug，在外观--菜单中的法打开“显示选项”下拉面板的bug WordPress4.2更新之后，针对中文版出现了一处显示bug，在外观--菜单中的“显示选项”点击下拉无法打开面板的bug。 显示选项可以将一些隐藏的目录和功能显示出来，比如增加菜单中输出文章、标签，在菜... </p>
                                                </div>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li>
                                                <b>
                                                    <a href="http://www.themepark.com.cn/demo/yanshixinwen.html?themedemo=magicroller">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                            </li>
                                            <li class="news_more_s">
                                                <a href="http://www.themepark.com.cn/demo/category/company-news?themedemo=magicroller">查看所有>></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <script>
                                var news_info = new Swiper('.news_info',{
                                    speed: 600,
                                    mode: 'vertical',
                                    cssWidthAndHeight: 'width',
                                    simulateTouch: false,
                                    calculateHeight: true,
                                    onSlideChangeStart: function() {
                                        $(".news_tabs .active").removeClass('active')
                                        $(".news_tabs a").eq(news_info.activeIndex).addClass('active')
                                    }
                                });
                                $(".news_tabs a").on('touchstart mousedown', function(e) {
                                    e.preventDefault()
                                    $(".news_tabs .active").removeClass('active')
                                    $(this).addClass('active')
                                    news_info.swipeTo($(this).index())
                                });
                                $(".news_tabs a").click(function(e) {
                                    e.preventDefault()
                                });
                            </script>
                            <div class="right_news">
                                <div class="news_header">
                                    <h2 class="active">公司新闻</h2>
                                </div>
                                <div class="news_info">
                                    <ul>
                                        <li class="news_first">
                                            <a href="#" class="news_pic">
                                                <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/news.jpg"/>
                                            </a>
                                            <div class="news_texts">
                                                <b>
                                                    <a href="#">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                                </b>
                                                <span class="infot_news">
                                                    <em class="times">2015-8-5</em>
                                                    <em class="vei">4633</em>
                                                </span>
                                                <p>WordPress外观--菜单中无法打开“显示选项”、标签，在菜... </p>
                                            </div>
                                        </li>
                                        <li>
                                            <b>
                                                <a href="#">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                            </b>
                                        </li>
                                        <li>
                                            <b>
                                                <a href="#">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                            </b>
                                        </li>
                                        <li>
                                            <b>
                                                <a href="#">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                            </b>
                                        </li>
                                        <li>
                                            <b>
                                                <a href="#">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                            </b>
                                        </li>
                                        <li>
                                            <b>
                                                <a href="#">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                            </b>
                                        </li>
                                        <li>
                                            <b>
                                                <a href="#">使用 Swiper框架的主题《魔术滚轴》正式发布</a>
                                            </b>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="news_bags"></div>
                        </div>
                        <div class="index_mod_bag bag_animate" style=" background-image:url(https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/5.jpg)"></div>
                    </div>
                </div>
                <div class="pagination index_p"></div>
            </div>
        </div>
        <!--[if lt IE 10]> 
  <script>
  var index_swipers = new Swiper('.index_swipers',{
     pagination: '.index_p',
     paginationClickable: true,
   mousewheelControl : true,
   mode: 'vertical',
   visibilityFullFit : true,
     simulateTouch : false,
   speed:15000,
     onSlideChangeStart: function(swiper){
$.news_open();$.fadeuot_now();
  } ,
  
    onFirstInit: function(swiper){$.news_open()}  
      
  })
  </script>
  <![endif]-->
        <!--[if !IE]><!-->
        <script>
            var index_swipers = new Swiper('.index_swipers',{
                pagination: '.index_p',
                paginationClickable: true,
                mousewheelControl: true,
                mode: 'vertical',
                visibilityFullFit: true,
                simulateTouch: false,
                speed: 1500,
                onSlideChangeStart: function(swiper) {
                    $.news_open();
                    $.fadeuot_now();
                },

                onFirstInit: function(swiper) {
                    $.news_open()
                }
            });
        </script>
        <!--<![endif]-->
        <div class="footer">
            <div class="footer_in">
                <div class="footer_contact">
                    <div class="footer_tell  dack">
                        <a class="dack">
                            <b>
                                联系我们<br/>contact
                            </b>
                        </a>
                        <p>
                            0731-85787193<br/>400-800-8888
                        </p>
                    </div>
                    <div class="footer_tell  dack">
                        <a id="onlie_weixin">查看移动端</a>
                        <a id="onlie_qq" target="_blank" href="http://sighttp.qq.com/authd?IDKEY=3f13bb5b2c77187f369b54daf0e7c4a6fcd20726d9871b22">在线客服</a>
                    </div>
                    <div class="footer_tell">
                        <p>
                            邮件联系
               <br/>info@themepark.com.cn
                        </p>
                    </div>
                </div>
                <div class="footer_info ">
                    <p class="dack">
                        版权所有 ©2015WEB主题公园<br/>
                        icp备案：湘备001122  /  <a href="#">技术支持：WEB主题公园</a>
                    </p>
                </div>
            </div>
            <div class="footer_background"></div>
        </div>
        <div class="erweima_weixin">
            <div class="weixn_closed"></div>
            <img src="https://www.themepark.com.cn/demo/wp-content/themes/magicroller/images/demo/erweima.jpg"/>
            <div class="header_background"></div>
        </div>
    </body>
    <!--18 queries in 0.118 seconds.-->
    <!-- Start Wordpress Theme Demo Bar Plugin wp_footer -->
    <script type="text/javascript">
        //<![CDATA[

        var wptdb_pageLinks = document.getElementsByTagName("body")[0].getElementsByTagName("a");

        for (var i = 0; i < wptdb_pageLinks.length; i++) {

            //first determine if it is an internal link
            if (wptdb_pageLinks[i].href.indexOf("https://www.themepark.com.cn/demo") >= 0) {
                // internal link
                if (wptdb_pageLinks[i].href.indexOf("themedemo=") < 0 && wptdb_pageLinks[i].href.indexOf("/wp-admin/") < 0 && wptdb_pageLinks[i].href.indexOf("/wp-login.php") < 0 && wptdb_pageLinks[i].href.indexOf("?feed=") < 0 && wptdb_pageLinks[i].href.indexOf("/feed/") < 0 && wptdb_pageLinks[i].href.charAt(0) != "#") {
                    // valid url to replace
                    var wptdb_findanchor = wptdb_pageLinks[i].href.indexOf("#");

                    if (wptdb_pageLinks[i].href.indexOf("?") >= 0) {
                        // parameter already exist.
                        if (wptdb_findanchor >= 0) {
                            // # is there
                            wptdb_pageLinks[i].href = wptdb_pageLinks[i].href.substr(0, wptdb_findanchor) + "&themedemo=magicroller" + wptdb_pageLinks[i].href.substr(wptdb_findanchor);
                        } else {
                            wptdb_pageLinks[i].href += "&themedemo=magicroller";
                        }
                    } else {
                        if (wptdb_findanchor >= 0) {
                            // # is there
                            wptdb_pageLinks[i].href = wptdb_pageLinks[i].href.substr(0, wptdb_findanchor) + "?themedemo=magicroller" + wptdb_pageLinks[i].href.substr(wptdb_findanchor);
                        } else {
                            wptdb_pageLinks[i].href += "?themedemo=magicroller";
                        }
                    }

                }
                // end valid url to replace
            }
            // end internal link

        }
        // end for loop

        function wptdb_isIE() {
            return /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent);
        }

        function wptdb_getBrowserWidthHeight(w_or_h) {
            var intH = 0;
            var intW = 0;
            if (typeof window.innerWidth == 'number') {
                intH = window.innerHeight;
                intW = window.innerWidth;
            } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
                intH = document.documentElement.clientHeight;
                intW = document.documentElement.clientWidth;
            } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
                intH = document.body.clientHeight;
                intW = document.body.clientWidth;
            }
            if (w_or_h == 'w') {
                return parseInt(intW);
            }
            if (w_or_h == 'h') {
                return parseInt(intH);
            }
        }

        function wptdb_getScrollXY(x_or_y) {
            var scrOfX = 0
              , scrOfY = 0;
            if (typeof (window.pageYOffset) == 'number') {
                //Netscape compliant
                scrOfY = window.pageYOffset;
                scrOfX = window.pageXOffset;
            } else if (document.body && (document.body.scrollLeft || document.body.scrollTop)) {
                //DOM compliant
                scrOfY = document.body.scrollTop;
                scrOfX = document.body.scrollLeft;
            } else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop)) {
                //IE6 standards compliant mode
                scrOfY = document.documentElement.scrollTop;
                scrOfX = document.documentElement.scrollLeft;
            }
            if (x_or_y == 'x') {
                return scrOfX;
            }
            if (x_or_y == 'y') {
                return scrOfY;
            }
        }

        function wptdb_resize_demobar_forie() {
            var myWidth = wptdb_getBrowserWidthHeight('w');
            document.getElementById('wpthemedemobar').style.width = myWidth + 'px';
        }

        function wptdb_fixdemobarpos_forie() {
            var curr_y_pos = wptdb_getScrollXY('y');
            var curr_height = wptdb_getBrowserWidthHeight('h');
            var demobar_height = 31;
            curr_height = 0;
            demobar_height = 0;
            document.getElementById('wpthemedemobar').style.top = (curr_height + curr_y_pos - demobar_height) + 'px';
        }

        function wptdb_close() {
            document.getElementById('wpthemedemobar').style.display = 'none'
            document.getElementsByTagName('html')[0].style.paddingTop = '0px';

            //revert all edited links
            var pageLinks = document.getElementsByTagName('body')[0].getElementsByTagName('a');
            for (var i = 0; i < pageLinks.length; i++) {

                //first determine if it is an internal link
                if (pageLinks[i].href.indexOf('https://www.themepark.com.cn/demo') >= 0) {
                    // internal link

                    if (pageLinks[i].href.indexOf('?') >= 0) {
                        // parameter exist, so remove them.
                        pageLinks[i].href = pageLinks[i].href.replace(/\?themedemo=magicroller/, '');
                        pageLinks[i].href = pageLinks[i].href.replace(/&themedemo=magicroller/, '');
                    }

                }
                // end internal link

            }
            // end for loop

        }
        //]]>
    </script>
    <!-- End Wordpress Theme Demo Bar Plugin wp_footer -->
    <script type='text/javascript' src='https://www.themepark.com.cn/demo/wp-includes/js/wp-embed.min.js'></script>
</html>
